{extend name="extend:page" /} {block name="title"}创建BP{/block} {block name="css"}
<style type="text/css">
	.bpmodal {
		padding: 80px 0 0;
		overflow: auto;
	}
	
	.step-modal {
		width: 1125px;
		padding: 81px 0;
		position: relative;
		overflow: auto;
	}
	
	.step-modal img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.tip-page {
		line-height: 48px;
		/*color: #888888;*/
		color: #FFFFFF;
		margin-bottom: 48px;
	}
	
	.step-modal a {
		color: #FFFFFF;
		position: absolute;
		line-height: 20px;
	}
	
	.step-modal a:hover {
		color: #F47023!important;
	}
	
	textarea {
		display: block;
		border: 1px solid #EDEDED;
		width: 442px;
		height: 160px;
		margin: 16px 16px 8px;
	}
	
	.aside-tool {
		display: block;
		width: 120px;
		position: fixed;
		right: 50px;
		bottom: 100px;
		z-index: 9999;
	}
	.aside-tool a {
		display: block;
		width: 120px;
		height: 56px;
		margin: 8px 0;
		/*background-color: #FFFFFF;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.32);*/
	}
	.aside-tool a.prev {
		background-image: url(/public/webfe/images/bp_prev.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.aside-tool a.next {
		background-image: url(/public/webfe/images/bp_next.png);
		background-repeat: no-repeat;
		background-position: center;
	}
</style>
{/block} {block name="body"}

<div class="aside-tool">
	<a href="javascript:;" class="prev">&nbsp;</a>
	<a href="javascript:;" class="next">&nbsp;</a>
</div>

<div class="layout-region bpmodal bg-eee" style="background-color: rgba(0, 0, 0, 0.3)!important;">
	<div class="layout-safety">
		<div class="step-modal" id="tpl-step1">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step1.png" />
		</div>
		<p class="tip-page">第1页 共30页</p>

		<div class="step-modal" id="tpl-step2">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step2.png" />
			<a href="javascript:;" style="width: 208px; top: 251px; right: 123px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 208px; top: 303px; right: 80px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 208px; top: 431px; right: 68px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 208px; top: 480px; right: 98px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 208px; top: 527px; right: 130px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 208px; top: 577px; right: 166px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第2页 共30页</p>
		
		<div class="step-modal" id="tpl-step3">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step3.png" />
		</div>
		<p class="tip-page">第3页 共30页</p>
		
		<div class="step-modal" id="tpl-step4">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step4.png" />
			<a href="javascript:;" style="width: 210px; top: 342px; left: 174px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 554px; left: 176px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 342px; right: 193px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 553px; right: 191px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第4页 共30页</p>
		
		<div class="step-modal" id="tpl-step5">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step5.png" />
			<a href="javascript:;" style="width: 210px; top: 552px; left: 211px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 552px; left: 495px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 552px; left: 777px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第5页 共30页</p>
		
		<div class="step-modal" id="tpl-step6">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step6.png" />
			<a href="javascript:;" style="width: 164px; top: 531px; left: 175px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 488px; left: 393px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 428px; left: 604px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 375px; left: 826px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第6页 共30页</p>
		
		<div class="step-modal" id="tpl-step7">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step7.png" />
			<a href="javascript:;" style="width: 264px; top: 437px; left: 101px; font-size: 18px; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 264px; top: 437px; right: 113px; font-size: 18px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第7页 共30页</p>
		
		<div class="step-modal" id="tpl-step8">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step8.png" />
			<a href="javascript:;" style="width: 210px; top: 268px; left: 250px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 410px; left: 130px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 593px; left: 172px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 412px; right: 122px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 210px; top: 590px; right: 162px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第8页 共30页</p>
		
		<div class="step-modal" id="tpl-step9">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step9.png" />
			<a href="javascript:;" style="width: 116px; top: 504px; left: 232px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 116px; top: 595px; left: 364px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 116px; top: 618px; left: 502px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 116px; top: 594px; left: 646px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 116px; top: 502px; left: 767px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第9页 共30页</p>
		
		<div class="step-modal" id="tpl-step10">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step10.png" />
		</div>
		<p class="tip-page">第10页 共30页</p>
		
		<div class="step-modal" id="tpl-step11">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step11.png" />
			<a href="javascript:;" style="width: 284px; top: 306px; left: 250px; font-size: 20px; line-height: 25px;" data-length="50">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 284px; top: 496px; left: 250px; font-size: 20px; line-height: 25px;" data-length="50">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 276px; top: 315px; right: 225px; font-size: 20px; text-align: right; line-height: 25px;" data-length="50">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 276px; top: 496px; right: 228px; font-size: 20px; text-align: right; line-height: 25px;" data-length="50">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第11页 共30页</p>
		
		<div class="step-modal" id="tpl-step12">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step12.png" />
			<a href="javascript:;" style="width: 164px; top: 358px; left: 230px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 358px; left: 537px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 358px; left: 848px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 523px; left: 230px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 523px; left: 537px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 164px; top: 523px; left: 848px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第12页 共30页</p>
		
		<div class="step-modal" id="tpl-step13">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step13.png" />
			<a href="javascript:;" style="width: 156px; top: 492px; left: 82px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 156px; top: 314px; left: 245px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 156px; top: 492px; left: 405px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 156px; top: 314px; left: 567px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 156px; top: 492px; left: 730px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 156px; top: 314px; left: 890px; color: #445469; text-align: center; line-height: 24px;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第13页 共30页</p>
		
		<div class="step-modal" id="tpl-step14">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step14.png" />
			<a href="javascript:;" style="width: 240px; top: 350px; right: 120px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 240px; top: 465px; right: 120px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 240px; top: 580px; right: 120px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第14页 共30页</p>
		
		<div class="step-modal" id="tpl-step15">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step15.png" />
			<a href="javascript:;" style="width: 186px; top: 440px; left: 145px; color: #445469; font-weight: 600; font-size: 22px; text-align: center;" data-length="8">单击可编辑标题</a>
			<a href="javascript:;" style="width: 186px; top: 440px; left: 365px; color: #445469; font-weight: 600; font-size: 22px; text-align: center;" data-length="8">单击可编辑标题</a>
			<a href="javascript:;" style="width: 186px; top: 440px; right: 353px; color: #445469; font-weight: 600; font-size: 22px; text-align: center;" data-length="8">单击可编辑标题</a>
			<a href="javascript:;" style="width: 186px; top: 440px; right: 132px; color: #445469; font-weight: 600; font-size: 22px; text-align: center;" data-length="8">单击可编辑标题</a>
			<a href="javascript:;" style="width: 186px; top: 476px; left: 145px; color: #445469; text-align: center;" data-length="28">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 186px; top: 476px; left: 365px; color: #445469; text-align: center;" data-length="28">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 186px; top: 476px; right: 353px; color: #445469; text-align: center;" data-length="28">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 186px; top: 476px; right: 132px; color: #445469; text-align: center;" data-length="28">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第15页 共30页</p>
		
		<div class="step-modal" id="tpl-step16">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step16.png" />
			<a href="javascript:;" style="width: 160px; top: 478px; left: 259px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 160px; top: 478px; left: 481px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 160px; top: 478px; left: 699px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第16页 共30页</p>
		
		<div class="step-modal" id="tpl-step17">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step17.png" />
		</div>
		<p class="tip-page">第17页 共30页</p>
		
		<div class="step-modal" id="tpl-step18">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step18.png" />
			<a href="javascript:;" style="width: 510px; top: 271px; right: 35px; color: #445469; font-size: 18px;" data-length="110">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换。更多使用说明和作品请详阅模版最末的使用手册。</a>
			<a href="javascript:;" style="width: 510px; top: 397px; right: 35px; color: #445469; font-size: 18px;" data-length="110">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换。更多使用说明和作品请详阅模版最末的使用手册。</a>
			<a href="javascript:;" style="width: 510px; top: 532px; right: 35px; color: #445469; font-size: 18px;" data-length="110">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换。更多使用说明和作品请详阅模版最末的使用手册。</a>
		</div>
		<p class="tip-page">第18页 共30页</p>
		
		<div class="step-modal" id="tpl-step19">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step19.png" />
			<a href="javascript:;" style="width: 164px; top: 310px; left: 170px;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 164px; top: 443px; left: 170px;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 164px; top: 573px; left: 170px;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 164px; top: 310px; right: 182px; text-align: right;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 164px; top: 443px; right: 182px; text-align: right;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 164px; top: 573px; right: 182px; text-align: right;" data-length="8">单击可编辑内容</a>
		</div>
		<p class="tip-page">第19页 共30页</p>
		
		<div class="step-modal" id="tpl-step20">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step20.png" />
			<a href="javascript:;" style="width: 177px; top: 430px; left: 261px;" data-length="32">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 170px; top: 288px; right: 215px; text-align: center;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 170px; top: 437px; right: 215px; text-align: center;" data-length="8">单击可编辑内容</a>
			<a href="javascript:;" style="width: 170px; top: 589px; right: 215px; text-align: center;" data-length="8">单击可编辑内容</a>
		</div>
		<p class="tip-page">第20页 共30页</p>
		
		<div class="step-modal" id="tpl-step21">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step21.png" />
			<a href="javascript:;" style="width: 130px; top: 405px; left: 503px; font-size: 18px; line-height: 21px; text-align: center;" data-length="56">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 130px; top: 405px; left: 701px; font-size: 18px; line-height: 21px; text-align: center;" data-length="56">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 130px; top: 405px; left: 921px; font-size: 18px; line-height: 21px; text-align: center;" data-length="56">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第21页 共30页</p>
		
		<div class="step-modal" id="tpl-step22">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step22.png" />
			<a href="javascript:;" style="width: 240px; top: 326px; right: 158px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 240px; top: 433px; right: 158px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 240px; top: 541px; right: 158px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第22页 共30页</p>
		
		<div class="step-modal" id="tpl-step23">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step23.png" />
			<a href="javascript:;" style="width: 214px; top: 348px; left: 131px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 538px; left: 118px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 348px; right: 118px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 538px; right: 131px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第23页 共30页</p>
		
		<div class="step-modal" id="tpl-step24">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step24.png" />
		</div>
		<p class="tip-page">第24页 共30页</p>
		
		<div class="step-modal" id="tpl-step25">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step25.png" />
			<a href="javascript:;" style="width: 232px; top: 351px; left: 131px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 232px; top: 531px; left: 140px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 232px; top: 351px; right: 143px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 232px; top: 531px; right: 143px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第25页 共30页</p>
		
		<div class="step-modal" id="tpl-step26">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step26.png" />
			<a href="javascript:;" style="width: 390px; top: 301px; left: 100px; color: #445469;" data-length="110">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换。更多使用说明和作品请详阅模版最末的使用手册。</a>
			<a href="javascript:;" style="width: 390px; top: 509px; left: 100px; color: #445469;" data-length="110">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换。更多使用说明和作品请详阅模版最末的使用手册。</a>
		</div>
		<p class="tip-page">第26页 共30页</p>
		
		<div class="step-modal" id="tpl-step27">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step27.png" />
			<a href="javascript:;" style="width: 274px; top: 334px; left: 72px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 274px; top: 569px; left: 72px; color: #445469; text-align: right;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 274px; top: 334px; right: 106px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 274px; top: 569px; right: 106px; color: #445469;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第27页 共30页</p>
		
		<div class="step-modal" id="tpl-step28">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step28.png" />
			<a href="javascript:;" style="width: 160px; top: 237px; left: 373px; font-size: 18px; line-height: 22px; text-align: center;" data-length="56">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换</a>
			<a href="javascript:;" style="width: 160px; top: 463px; left: 373px; font-size: 18px; line-height: 22px; text-align: center;" data-length="56">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换</a>
			<a href="javascript:;" style="width: 160px; top: 237px; right: 152px; font-size: 18px; line-height: 22px; text-align: center;" data-length="56">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换</a>
			<a href="javascript:;" style="width: 160px; top: 463px; right: 152px; font-size: 18px; line-height: 22px; text-align: center;" data-length="56">单击此处编辑您要的内容，建议您在展示时采用微软雅黑字体，本模版所有图形线条及其相应素材均可自由编辑、改色、替换</a>
		</div>
		<p class="tip-page">第28页 共30页</p>
		
		<div class="step-modal" id="tpl-step29">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step29.png" />
			<a href="javascript:;" style="width: 214px; top: 384px; left: 113px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 384px; left: 344px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 384px; right: 336px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 214px; top: 384px; right: 107px; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 168px; top: 511px; left: 136px; color: #445469; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 168px; top: 511px; left: 366px; color: #445469; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 168px; top: 511px; right: 358px; color: #445469; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
			<a href="javascript:;" style="width: 168px; top: 511px; right: 127px; color: #445469; text-align: center;" data-length="25">单击此处可编辑内容，根据您的需要自由拉伸文本框大小</a>
		</div>
		<p class="tip-page">第29页 共30页</p>
		
		<div class="step-modal" id="tpl-step30">
			<img src="javascript:void(0);" data-src="/public/webfe/images/bp/tpl-step30.png" />
		</div>
		<p class="tip-page">第30页 共30页</p>
	</div>
</div>

<div class="layout-region bg-eee p-b-6x" style="background-color: rgba(0, 0, 0, 0.3)!important;">
	<a href="javascript:;" class="submit-buttom m-x-auto" style="height: 48px; line-height: 48px;" id="submit-createbp">生成商业计划书</a>
</div>


{/block} {block name="js"}
<script type="text/javascript" src="/public/modules/thin.min.js" thin-main="/public/webfe/js/createBP" thin-loader="/public/webfe/resource/mainloader" thin-cache="false"></script>
<script type="text/javascript">
	document.getElementById('nav-head-jzfw').className = 'active';
	document.getElementById('nav-sub-znbp').className = 'active';
</script>
{/block}